//import { Message } from 'element-ui';

$(function () {


    // 保存价格
    $(".save_price").click(function () {

         var $tr = $(this).parents("tr");
         $tds = $tr.children();

         var id = $tds[0].innerHTML; // html()
         var price = $tr.find("input").val();

         //console.log(id,price);
         var params = {};
         params.id = id;
         params.price = price;


              // 发起ajax请求

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        })


        $.ajax({

            method:"post",
            url:"http://www.yutang.test/price/update",
            data:params,
            success:res=>{
                console.log(res);
            }

        })


    })

    // 日期切换
    $(".date-wrap").eq(0).addClass("show");

    // 预定日期切换
    $(".form-header dl").click(function () {

          $(".form-header dl").removeClass("active");
          $(this).addClass("active");

          var index = $(this).index();

          // var index = $(".form-header dl").index(this);

          $(".form-body .date-wrap").removeClass("show");
          $(".form-body .date-wrap").eq(index).addClass("show");

          // 设定当前日期
          let order_date = $(this).find("dt").html();
          $(".order-date").html(order_date);

    })

    // 预定界面(时段价格列表)
    $(".date-wrap li:not('.ordered')").click(function(){

        let sn = $(this).attr("sn");    // 场地编号
        let time = $(this).attr("time") // 时段

         if($(this).hasClass("select")){

             $(this).removeClass("select");

             let str = sn+"_"+time;

             $(".order-body dl[mark='"+str+"']").remove()

             // $(".order-body dl[mark='2_15']")


         }else{

            let num = $(".order-body dl").length;

            if(num >=4){
                 $("#myModal").modal();
               // alert("亲，每单最多预定4个场地");
                 return false;
            }

             // 1 改变当前子项颜色
             $(this).addClass("select")

             // 2 把当前子项追加到右侧订单中
             var item = $("#template").html();

             var $item = $(item);  // 创建了新的jq对象

             $item.find("dt").html(time+":00");
             $item.find("dd").html("B"+sn+"号场地");
             $item.attr("mark",sn+"_"+time);

             //console.log($item);
             $item.appendTo(".order-body");


         }

    })

    // 保存订单
    $(".save_order").click(function () {

         var params = {};

         // 构建订单数据
         params.venue_id = $(".venue_id").val();
         params.order_date = $(".order-date").html();
         params.list = [];

         $(".order-body dl").each(function (index,item) {

             let mark = $(this).attr("mark");
             let arr = mark.split("_");
             let [sn,time] = arr;
             let obj = {};
             obj.sn = sn;
             obj.time = time;

             params.list.push(obj);

             // [{sn:2,time:18},{sn:2,time:19}]

         })

        // 设置ajax请求头
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        })

        // 将订单数据发送给后台接口
         $.ajax({
             url:"http://www.yutang.test/order/save",
             type:"post",
             data:params,
             success:(res)=>{
                 //console.log(res);
                 if(res.code==200){
                     alert(res.msg);
                     window.location.reload();
                 }

             }
         })



    })


})






